 
		     	
<!-- <div class="filter" >
        <ul>
            <li >
                <p>全城</p>
                <img src="images/down.png">
                <div class="select-box">
                    <ul>
                        <li>广州</li>
                        <li>上海</li>
                        <li>北京</li>
                        <li>深圳</li>
                    </ul>
                </div>
            </li>
            <li >
                <p>距离最近</p>
                <img src="images/down.png">
                <div class="select-box">
                    <ul>
                        <li>荔湾区</li>
                        <li>越秀区</li>
                        <li>天河区</li>
                        <li>白云区</li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>
    <div id="goverlay"></div>
	
 <div>-->
 	


	
      <div id="active-content" style="padding-top:20px;"  infinite-scroll='shop.nextPage()' infinite-scroll-disabled='shop.busy' infinite-scroll-distance='1'>
		
		 <div class="ub ub-ver sc-border-a c-wh  " ng-repeat="item in shop.items|orderBy:+distance"  >
				
				<!--<div class="uinn  ub  index-goods" ng-click="go('/shop', 'fade')" >-->
<!--				<div class="uinn  ub  index-goods" >-->
				<div class="uinn  ub" >
					   <div  class="uinn" style="width:90px" >
					  	 <img src="{{shop.adUrl}}{{item.img}}"  style="width:inherit;"  />
					   </div>
					   <div class="ub-f1 ub-ver goods-list uinn ut-s" >
					   	    	<div  class="ulev umar-r" style="overflow:hidden">{{item.storeName}}</div>
								<div class="sc-text ulev-1 ">{{item.address}}</div>
								<div class="ub sc-text-sec ulev0 ub-ac "  style="margin-top:10px" >
										<div class="ub ub-f1" >
												<div ng-if="item.star>=1" class="ub fa icon-my-comment fa-2x   "></div>
												<div ng-if="item.star>=2" class="ub fa icon-my-comment fa-2x   "></div>
												<div ng-if="item.star>=3" class="ub fa icon-my-comment fa-2x   "></div>
												<div ng-if="item.star>=4" class="ub fa icon-my-comment fa-2x   "></div>
												<div ng-if="item.star>=5" class="ub fa icon-my-comment fa-2x   "></div>
										</div>
										<div class="ub sc-text" >
											{{item.distanceShow}}
										</div>
								</div>
					   </div>
				</div>
				
				<div class="ub  sc-border-t">
					<a href="tel:{{item.tel}}" class="ub ub-f1 tx-c  sc-border-r ub-ac uinn phone tel"  >
						
							<div class="ub ub-f1 tx-r ub-pe">
								<div class="ub-f1"></div>
								<div class="ub fa icon-my-phone fa-2x   umar-l"></div>
								<div class="ub-f1"></div>
							</div>
							
							<div class="ub-f1 ulev0 tx-l ">电话</div>
						
					</a>
						<div class="ub ub-f1 tx-c  ub-ac uinn lead"  ng-click="shop.toAddress(item)" >
							<div class="ub ub-f1 tx-r ub-pe">
								<div class="ub-f1"></div>
								<div class="ub fa icon-my-lead fa-2x   umar-l"></div>
								<div class="ub-f1"></div>
							</div>
							
							<div class="ub-f1 ulev0 tx-l " >导航</div>
						</div>
				</div>
				
	
		</div>
		
		 <div style="height:50px">
		 </div>
		 
         <div ng-show='shop.busy'></div>
     </div>

 <script>
 	
	var goverlay = $('#goverlay');
	
	var filter = $('.filter>ul>li');
	
	filter.click(function(event) {
		if($(this).siblings().hasClass('active')){
			$(this).siblings().removeClass('active').find('.select-box').hide();
			$(this).addClass('active');
			$(this).find('.select-box').show();
		}
		else{
			goverlay.fadeToggle('fast');
			$(this).toggleClass('active');
			$(this).find('.select-box').slideToggle('fast');
		}
	});
	
	goverlay.click(function(){
		filter.siblings().removeClass('active').find('.select-box').hide();
		$(this).fadeToggle('fast');
	});
	
	//imore.hide();
 </script>